<ion-header>
  <ion-navbar color="danger">
    <ion-title>分类</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>

  <section class="special theme-bg-color">
   <div class="section-title">
     <span>专题合集</span>
     <!--<ion-note (click)="allClassify()" item-right>查看全部></ion-note>-->
   </div>
    <ion-row nowrap>
      <ion-col (click)="allClassify(collection)" col-5 *ngFor="let collection of collections, let i = index">
        <img [src]="collection.banner_image_url">
      </ion-col>
    </ion-row>
  </section>

  <!--风格   不想麻烦  这里暂时写死 只有 风格 和 品类-->
  <section class="theme-bg-color mt-small">
    <div class="section-title">
      <span>{{Style.name}}</span>
    </div>
    <ion-row text-center>
      <ion-col (click)="classifyClick(style)" col-3 *ngFor="let style of Style.channels, let i = index">
        <img [src]="style.icon_url">
        <span>{{style.name}}</span>
      </ion-col>
    </ion-row>
  </section>

  <section class="theme-bg-color mt-small">
    <div class="section-title">
      <span>{{Class.name}}</span>
    </div>
    <ion-row text-center>
      <ion-col (click)="classifyClick(style)" col-3 *ngFor="let style of Class.channels, let i = index">
        <img [src]="style.icon_url">
        <span>{{style.name}}</span>
      </ion-col>
    </ion-row>
  </section>
</ion-content>
